/*  */

html, body { margin:0; padding:0; height:100%; font-size: 10px; }


html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}


@import url(http://fonts.googleapis.com/css?family=Lato:100,300,400,700,300italic,400italic);



body {font-family: 'Lato', sans-serif; font-weight: 300;    }
	#wrapper div { width:100%; margin:auto; }
		.transform { 	 -webkit-transition: all	0.5s ease-in-out;
							-moz-transition: all	0.5s ease-in-out;
							  -o-transition: all	0.5s ease-in-out;
								 transition: all 	0.5s ease-in-out;
							}
	
.container {
     background: BLACK; top: 0; width: 100%; height: 100%;

}


.container {
    width: 100%;
    position: relative; /* If you want text inside of it */
}

/* If you want text inside of the container */
.marquee {
    position: absolute;
    height: 10%; width: 25%; background: rgba(0,200,0,0.950);
    bottom: 0;
    right: 0;
}




#logo * {
    position: absolute;
	width:20%;
    top: 15px;
    left: 15px;
       
}




.overflow {
    position: fixed;

    height: 899px;
    width: 899px;

       
}

#info {
    position: fixed;
    top: 150px;
    left: 15px;
    height: 700px;
    width: 330px;
    border: none;
    overflow: hidden;
    
       
}

#weather {
    position: fixed;
    top: 50px;
    right: 15px;
    height: 800px;
    width: 330px;
    border: none;
    overflow: hidden;
    
       
}






.msg_slideshow{ position: absolute; top: 15px; left: 50%; margin-left: -347.5px;}

.msg_slideshow{
	width:695px;
	height:900px;
	padding:0px;
	position:relative;
	overflow:hidden;
	background:#101010  no-repeat  center center;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}


.msg_loading{
	position:absolute;
	background:transparent url(../icons/loading.gif) no-repeat center center;
	top:50%;
	left:50%;
	width:20px;
	height:20px;
	margin:-10px 0 0 -10px;
	z-index:25;
	display:none;
}